import type { ThemeConfig } from 'antd';

const themeConfig: ThemeConfig = {
  // 可以参考https://ant-design.antgroup.com/docs/react/customize-theme-cn#%E5%9F%BA%E7%A1%80%E5%8F%98%E9%87%8Fseed-token
  token: {
    colorPrimary: '#0066fd', // 修改主题色
    borderRadius: 4, // 修改基础圆角
    // 其他token配置
  },
  components: {
    Button: {
      borderRadius: 4, // 单独设置按钮圆角
      colorPrimary: '#0066fd', // 单独设置按钮主色
      colorBgContainerDisabled: '#fff', //控制容器在禁用状态下的背景色
    },
    Pagination: {
      // 禁用状态下的文字颜色
      // colorTextDisabled: '#fafafa',
      // 禁用状态下的背景色
      colorBgContainerDisabled: '#fafafa',
      // 禁用状态下的激活项背景色
      itemActiveBgDisabled: '#fafafa',
      // 禁用状态下的激活项文字颜色
      // itemActiveColorDisabled: '#fafafa',
      // 禁用状态下的控制项背景色
      controlItemBgActiveDisabled: '#fafafa',
    },
    Select: {
      // 禁用状态下的选择器背景色
      colorBgContainerDisabled: '#fafafa',
      // 禁用状态下的选择器文字颜色
      // colorTextDisabled: '#fafafa',
    },
    Steps: {
      // colorPrimary: '#0066fd', // 主色
      // colorSuccess: '#52c41a', // 成功色
      // colorBgContainer: '#ffffff', // 容器背景色
      // colorText: 'rgba(0, 0, 0, 0.88)', // 文字颜色
      // colorTextSecondary: 'rgba(0, 0, 0, 0.45)', // 次要文字颜色
      // iconFontSize: 20,
      iconSize: 25,
    },
  },
};

export default themeConfig;
